$(function() {
    // 预加载事件判断本地缓存的值，如果是true把当前主题设置为夜间，否则为白天（非夜间）
    var isDark = localStorage.getItem("isDark");
    if (isDark == "true") {
        setTheme(); //目前已经设置为夜间模式，弹窗提示是否取消
    } else {
        setTheme2(); //目前已经设置为夜间模式，弹窗提示是否取消
    }
    // 天气数据的获取
    // sessionStorage.setItem("名字", "值"); //设置存储信息
    // sessionStorage.getItem("名字"); //获取存储信息
    // sessionStorage.removeItem("名字"); //删除存储信息
    // sessionStorage.clear(); //清空存储信息

    //获取天气缓存的值
    var weather = localStorage.getItem('weather');
    // 获取请求天气缓存当天的日期
    var wDate = localStorage.getItem('wDate');
    console.log(wDate);

    var str = JSON.stringify(weather);
    //获取当前日期
    var currDate = new Date().getDate();
    console.log(currDate);


    //判断天气缓存是否存在，如果存在则直接把缓存追加到页面上，如果不存在则发送请求
    if (weather && currDate == wDate) {
        $('.container').prepend(weather);
    } else {
        $.ajax({
            'url': "http://wthrcdn.etouch.cn/weather_mini?citykey=101280101", //请求的api接口
            'type': "get", //请求方式
            'dataType': "jsonp", //跨域请求格式
            'success': function(data) { //请求成功的回调函数
                getWeatherData(data);
            }
        });
    }
});


//封装一个设置天气数据的方法
function getWeatherData(data) {
    if (data.status == "1000") {
        var res = data.data.forecast[0];
        var date = res.date; //今天日期
        var high = res.high; //今天最高温
        var low = res.low; //今天最低温
        var fengxiang = res.fengxiang; //今天风向
        var fengli = res.fengli.substr(9, 2); //今天日期
        var type = res.type; //今天天气类型


        // 记录请求的日期
        var wDate = res.date.substr(0, 2);
        // console.log(wDate);


        // console.log(res);
        var str = `
                <article class = "weather">
                    <ul>
                        <li>${date}</li>
                        <li>${low}~${high}</li >
                        <li>${type}</li>
                        <li>${fengli} ${fengxiang}</li>

                         <div class="clear"></div>
                    </ul >

                </article >
                <div class="clear"></div>
                `;
        // 设置本地缓存（天气数据和请求当天的日期）
        localStorage.setItem('weather', str);
        localStorage.setItem('wDate', wDate);

        $('.container').prepend(str);
    }
}

// 手动点击按钮切换主题事件 
function changeTheme() {
    var isDark = localStorage.getItem("isDark");
    if (isDark == "true") {
        var msg = "是否取消夜间模式？";
    } else {
        var msg = "是否设置为夜间模式？";

    }

    //询问框
    layer.open({
        content: msg,
        btn: ['确定', '取消'],
        yes: function(index) {
            if (isDark == "true") {
                localStorage.removeItem("isDark"); //取消夜间
                setTheme2();
            } else {
                localStorage.setItem("isDark", "true") //设置为夜间模式
                setTheme();
            }
            layer.close(index); //关闭弹出层
        }
    });
    if (isDark == "true") {
        setTheme(); //目前已经设置为夜间模式，弹窗提示是否取消
    } else {
        setTheme2(); //目前已经设置为夜间模式，弹窗提示是否取消
    }

}

// 设置夜间模式
function setTheme() {
    $('body,.head,.lunbo,.nav,.nav ul li').css({
        "background": "#000",
        "color": "#fff"
    });
    $('*').css("color", "#fff");
    $('.nav ul li p').css("color", "#fff");
    $(".layui-m-layer * ").css("color", "#000");
    $(".layui-m-layerbtn span[yes]").css({
        "color": "green"
    });

};

// 普通主题模式
function setTheme2() {
    $('body,.lunbo,.nav,.nav ul li').css({
        "background": "#fafafa",
        "color": "#000"
    });
    $(".layui-m-layer * ").css("color", "#000");
    $(".layui-m-layerbtn span[yes]").css({
        "color": "green"
    });
};

var flag = false;

function dispZhuBoTools() {
    // 主播工具
    var zhubo_tools = document.getElementById("zhubo_tools3");
    var zhubotool = document.getElementById("zhubotool");
    if (flag === false) {
        console.log(flag);
        zhubotool.style.display = "block";
        // console.log(zhubotool);
        flag = true;
        console.log(flag);
    } else {
        console.log(flag);
        zhubotool.style.display = "none";
        flag = false;
        console.log(flag);
    }

};

//登录页点击按钮跳转到登录输入页
// var login_btn = document.getElementById("login");
// var logininput_btn = document.getElementById("logininput");
// var register_btn = document.getElementById("register");


// login_btn.onclick = function() {
//     console.log("login");
//     window.location.href = "login_input.html";
// }
// register_btn.onclick = function() {
//     console.log("register");
//     window.location.href = "login_input.html";
// }
// logininput_btn.onclick = function() {
//     console.log("logininput");
//     window.location.href = "index.html";
// }


function jumpToLoginInput() {
    window.location.href = "login_input.html";
}

function jumpToIndex() {
    window.location.href = "home.html";
}



// 结束直播间推出按钮点击事件

function showhide() {
    // alert(mySwiper.activeIndex);
    let activeIndex = mySwiper.activeIndex; //当前轮播项的索引
    // 记录当前的轮播项
    var zhiboing = $("#zhiboing,.zhibojian-content");
    var end_zhibo = $('#end_zhibo,.endzhibojian');
    console.log(zhiboing)
    zhiboing[activeIndex].style.display = "none";
    end_zhibo[activeIndex].style.display = "block";
}

var quit_btn = document.getElementById('quit_btn');

function quitzhibojian() {
    window.location.href = "home.html";
}